<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单元素</title>
</head>
<body>
<!-- enctype：表单的编码属性
如果表单中有文件上传的功能，必须设置multipart/form-data
-->

<form action="#" method="post" enctype="multipart/form-data">
    <!-- 按钮 -->
    <input type="button" value="普通按钮">
    <input type="reset" value="重置按钮">
    <input type="submit" value="提交按钮">
    <!-- 图片按钮 -->
    <input type="image" src="../images/1.jpg">
    <!-- 多行文本域
     cols：列数
     row：行数
     -->
    <textarea name="textContent" cols="10" rows="10">
        默认的文本值
    </textarea>
    <!-- 文件域 -->
    <input type="file" name="files"><br/>
    <!-- 邮箱 自动验证email输入是否正确 -->
    邮箱：<input type="email" name="email" required><br/>
    <!-- 网址 自动验证url输入是否正确 -->
    网址：<input type="url" name="myUrl"><br/>
    <!-- 数字
     min：可以输入的最小值
     max：可以输入的最大值
     step：合法的数字间隔
     -->
    数字：<input type="number" name="num" min="0" max="120" step="10"><br/>
    <!-- 滑块 -->
    <input type="range" name="ran" min="0" max="120" step="20"><br/>
    <!-- 搜索框 -->
    <input type="search" name="s">
    <!-- 日期 -->
    <input type="date" min="1990-01-01">
    <input type="date" max="2016-12-09">
</form>

</body>
</html>